<head>
  <meta charset=UTF-8>
</head>
<body>
<div>
  <div id="java">疯狂Java讲义</div>
  <div id="javaee">轻量级Java EE企业应用实战</div>
  <div id="ajax">疯狂前端开发讲义</div>
  <div id="xml">疯狂XML讲义</div>
  <div id="ejb">经典Java EE企业应用实战</div>
  <div id="android">疯狂Android讲义</div>
</div>
<script type="text/javascript" src="jquery-3.1.1.js">
</script>
<script type="text/javascript">
//对div内的div元素的第四个元素设置字号为24
$("div>div").eq(3).css("font-size" , "24pt");
//对div内的div元素进行过滤，必须满足id为ajax
$("div>div").filter("#ajax").css("background-color" , "#aaa");
//对div内的div元素进行过滤，要求div内的字符串长度大于8
$("div>div").filter(function()
  {
    return this.innerHTML.length > 8;
  }
).css("border" , "1px solid black");
//对div内的div元素进行过滤，必须满足id不为ajax
$("div>div").not("#ajax").css("font-weight" , "bold");
//对div内的div元素进行过滤，取出索引从3到5的元素
$("div>div").slice(3 , 5).height(60);
//将div内的div元素映射到另一个类数组的jQuery对象
//此处使用了箭头函数作为callback函数
var result = $("div>div").map(i => i);
console.log(result);
</script>
</body>
